<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <dl id="app">
        <dt>Java</dt>
        <dd>JavaSE</dd>
        <dd>JavaEE</dd>
    </dl>

<script>
    'use strict'

    // windows 代表浏览器窗口
    //window.alert(1);
    // 获取屏幕的参数，可以调整浏览器窗口试一试。。。
    console.log(window.innerHeight);
    console.log(window.innerWidth);
    console.log(window.outerHeight);
    console.log(window.outerWidth);

    // navigator,封装了浏览器的信息，可以获取应用名，系统版本等等
    // 大多时候，我们不会使用 navigator 对象，因为会被认为修改
    // 不建议使用这些属性来判断和编写代码

    // 全屏幕属性 screen，可以获取电脑屏幕，改变屏幕大小
    console.log(screen.height);
    console.log(screen.width);

    // location(重要)，代表当前页面的 URL 信息

    // 主机
    let host = location.host;
    // url 地址
    let href = location.href;
    // 协议
    var protocol = location.protocol;
    console.log(`
    ${host},
    ${href},
    ${protocol}
    `)
    // 刷新网页，是个方法
    // location.reload();
    // 设置新的地址,就会调到这个网站
    //location.assign("http://www.baidu.com");

    // document 代表当前的页面
    // 获取标题
    let title = document.title;
    console.log(title);
    // 设置标题
    document.title = "新设置的标题";
    // 获取具体的文档树节点,例如：
    let dl = document.getElementById("app");
    console.log(dl);
    // document 可以获取网页的 cookie
    let cookie = document.cookie;
    console.log(cookie);   // 咱们自己的网页可能没有 cookie信息，可以去百度试一试

    // history 代表浏览器的历史记录，对象可以前进和后退（返回）
    // 返回
    // history.back();
    // 前进
    // history.forward();

</script>

</body>
</html>